<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <script src="https://cesiumjs.org/releases/1.53/Build/Cesium/Cesium.js"></script>
    <link href="https://cesiumjs.org/releases/1.53/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <style>
        body {
            margin: 0px;
            padding: 0;
        }

        #cesiumContainer {
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>

<body>
    <div id="cesiumContainer"></div>
    <script>
        Cesium.Ion.defaultAccessToken =
            'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMTk4ZTYyNy00MjkxLTRmZWYtOTg1MS0wOThjM2YzMzIzYzEiLCJpZCI6NzEyMSwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0ODMxNzI5OX0.rKV8Ldl_bgR3lVvNsbHhTX62j8JH8ADCIWAwk7tXpr8';
        // var viewer = new Cesium.Viewer('cesiumContainer');
        /*
                var viewer = new Cesium.Viewer("cesiumContainer", {
                    geocoder: false,
                    homeButton: false,
                    sceneModePicker: false,
                    baseLayerPicker: false,
                    navigationHelpButton: false,
                    animation: false,
                    timeline: false,
                    fullscreenButton: false,
                    vrButton: false,
                    shadows: true, //影子
                    infoBox: false
                });*/
        //viewer.scene.debugShowFramesPerSecond = true; //显示帧率
        var widget = new Cesium.CesiumWidget('cesiumContainer', {
            sceneMode: Cesium.SceneMode.SCENE2D
        });
        // try to center somewhere in Europe
        widget.scene.camera.setPositionCartographic(Cesium.Cartographic.fromDegrees(10, 45, 500000));
        widget.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(0.0, 0.0, 40000000),
            duration: 0
        });

    </script>
</body>

</html>